<style>
  /*.el-table tbody tr:hover>td {
    background-color:	silver
  }
  .el-table .two-color{
    background:#ffffff;
  }
  .el-table .one-color{
    background: #ffffff;
  }
  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 35px;
    background: #7fb0fa !important;color: #181818 !important;
    border: 1px solid #3e3e3e !important ;
  }
  .el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 35px;
    border: 1px solid #242424 !important ;

  }*/
</style>
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
  export default  {
    name:  'App',
    metaInfo() {
      return {
        title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        titleTemplate: title => {
          return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        }
      }
    }
  }
</script>
